<div class="span3">
	<div class="well sidebar-nav">
		<ul class="nav nav-list">
			<li class="nav-header">Menu profil</li>
			<li class="active"><a href="profil.html">Historique de mes
					chasses</a></li>
			<li><a href="#" onclick="chargerRow('profilEdit.html')">Editer mon profil</a></li>
			<li><a href="#" onclick="chargerRow('profilDelete.html')">Supprimer mon profil</a></li>
		</ul>
	</div>
	<!--/.well -->
</div>
<!--/span-->
<div class="span9">
	<h1 id="name"></h1>
	<br />
	<h2>Historique de vos chasses aux tr&eacute;sors :</h2>
	<form class="form-inline">
		<select>
			<option>R&eacute;gion</option>
			<option>2</option>
			<option>3</option>
			<option>4</option>
			<option>5</option>
		</select> <select>
			<option>Ville</option>
			<option>2</option>
			<option>3</option>
			<option>4</option>
			<option>5</option>
		</select>
		<button type="submit" class="btn">Filtrer</button>
	</form>
	<table class="table table-striped table-bordered">
		<tr>
			<th>Nom de la chasse</th>
			<th>R&eacute;gion</th>
			<th>Ville</th>
			<th>Dur&eacute;e th&eacute;orique (en min)</th>
			<th>Dur&eacute;e du parcours (en min)</th>
			<th>Note</th>
		</tr>
		<tr>
			<td>Chasse 1</td>
			<td>R&eacute;gion 1</td>
			<td>Ville 1</td>
			<td>Dur&eacute;e th&eacute;orique 1</td>
			<td><input type="number" style="width: 100px;" /></td>
			<td><input type="number" style="width: 100px;" /></td>
		</tr>
		<tr>
			<td>Chasse 2</td>
			<td>R&eacute;gion 2</td>
			<td>Ville 2</td>
			<td>Dur&eacute;e th&eacute;orique 2</td>
			<td><input type="number" style="width: 100px;" /></td>
			<td><input type="number" style="width: 100px;" /></td>
		</tr>
	</table>
<script type="text/javascript" src="script/jquery.js"></script>
<script type="text/javascript">
var data = {"firstName":"Toto","lastName":"Tata","username":"toto","mail":"toto@toto.com","password":"toto"};
$("#name").text("Bonjour "+data.username);
</script>
</div>
<!--/span-->